<!doctype html>
<html>
<head>
<title>Wontube - Blog</title>
<#include "/include/meta.html">
<meta name="description" content="Wontube Blog"/>
<meta name="keywords" content="Wontube,Video,Music"/>
<#include "/include/css.html">
</head>
<body>
<#include "/i18n/include/header_video.ftl">	
<div id="page">		
	<div class="blog-wrap">
		<div class="content-wrap">
			<div class="blog">
				<h1>Blog</h1> 
				<ul class="list">
				<#if blogItems??>
					<#assign blogs = blogItems.items>
					<#if blogs?size &gt; 0>
						<#include "/macro/fblike.ftl">
						<#assign preUrl = "http://www.wontube.com/blog/">
						<#list blogs as blog>
							<#assign pic = blog.thumbnail>
							<#if ! pic?starts_with("http")>
								<#assign pic = contextPath + pic>
							</#if>
							<li>
								<div class="blog-list-img"><img src="${pic}" width="80" height="80"/></div>
								<div class="blog-list-content">
									<h3><a href="${contextPath}/blog/${blog.urlTitle}">${blog.title}</a></h3>
									<div>
										<span class="blog-published">${(blog.created)?date}</span>
										<@fblike (preUrl + blog.urlTitle) />
									</div>									
									<p class="blog-description">${blog.introduction}</p>
								</div>
							</li>
						</#list> 
						<div class="pageing">
							<#include "/macro/new_pager.ftl">	
							<#assign preUrl = contextPath + "/blogs/{page}">
							<#assign page = blogItems.pageNo>	
							<#assign pageCount = blogItems.pageCount>		
							<@pager preUrl page pageCount />
						</div>
			        <#else>
			        	<li>No more blogs.</li>
			        </#if>
			    <#else>
			    	<li>No more blogs.</li>
			    </#if>			       
			     </ul>
			</div>
		</div>
	</div>	
	<#include "/i18n/include/footer.ftl">	
</div>
</body>
<#include "/include/blog_js.html">
</html>